<!-- eslint-disable vue/multi-word-component-names -->
<script setup>
import { AlexMsg } from '@2473o/alexui/dist/alexui.js'

const handleClickSuccess = () => {
  AlexMsg({ text: 'This is a success message', type: 'success', duration: 2000 })
}

const handleClickInfo = () => {
  AlexMsg('This is a info message')
}

const handleClickWarning = () => {
  AlexMsg({ text: 'This is a warning message', type: 'warning' })
}

const handleClickError = () => {
  AlexMsg({ text: 'this is a error message', type: 'error' })
}
</script>

<template>
  <AlexBtn @click="handleClickSuccess"> success </AlexBtn>
  <AlexBtn @click="handleClickInfo"> info </AlexBtn>
  <AlexBtn @click="handleClickWarning"> warning </AlexBtn>
  <AlexBtn @click="handleClickError"> error </AlexBtn>
</template>
